<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="tinkerchen" />
    <title>TinkerChen网址导航</title>
    <link rel="shortcut icon" href="images/favicon.png">
    <!-- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic"> -->
    <!-- <link rel="stylesheet" href="css/fonts/linecons/css/linecons.css"> -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/xenon-core.min.css">
    <link rel="stylesheet" href="css/xenon-components.min.css">
    <link rel="stylesheet" href="css/xenon-skins.min.css">
    <link rel="stylesheet" href="css/nav.css">
    <script src="js/jquery-1.11.1.min.js"></script>
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="images/logo.png" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="images/logo-collapsed@2x.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <li>
                        <a href="#创客空间" class="smooth">
                            <i class="fa fa-microchip"></i>
                            <span class="title">创客空间</span>
                        </a>
                    </li>
                    <li>
                        <a href="#代码编程" class="smooth">
                            <i class="fa fa-code"></i>
                            <span class="title">代码编程</span>
                        </a>
                    </li>
                    <li>
                        <a href="#软件工具" class="smooth">
                            <i class="fa fa-simplybuilt"></i>
                            <span class="title">软件工具</span>
                        </a>
                    </li>
                    <li>
                        <a href="#素材设计" class="smooth">
                            <i class="fa fa-picture-o"></i>
                            <span class="title">素材设计</span>
                        </a>
                    </li>
                    <li>
                        <a href="#影音娱乐" class="smooth">
                            <i class="fa fa-film"></i>
                            <span class="title">影音娱乐</span>
                        </a>
                    </li>
                    <li>
                        <a href="#更多有趣" class="smooth">
                            <i class="fa fa-spinner"></i>
                            <span class="title">更多有趣</span>
                        </a>
                    </li>
                    <div class="submit-tag">
                        <a href="https://github.com/TinkerCTY">
                            <i class="fa fa-heart"></i>
                            <span class="tooltip-blue">关于我</span>
                            <!-- <span class="label label-Primary pull-right hidden-collapsed">♥︎</span> -->
                        </a>
                    </div>
                </ul>
            </div>
        </div>
        <div class="main-content">
            <!-- 搜索栏 -->
                  <div id="search" class="s-search"><div id="search-list" class="hide-type-list"><div class="s-type"><span></span><div class="s-type-list animated fadeInUp"><label for="type-baidu"><span class="tile-lg bg-blue"><i class="fa fa-star-half-full fa-2x m-t-sm"></i></span>常用</label><label for="type-search"><span class="tile-lg bg-teal"><i class="fa fa-search fa-2x m-t-sm"></i></span>搜索</label><label for="type-dalipan"><span class="tile-lg bg-pink"><i class="fa fa-wrench fa-2x m-t-sm"></i></span>工具</label><label for="type-zhihu"><span class="tile-lg bg-yellow"><i class="fa fa-weixin fa-2x m-t-sm"></i></span>社区</label><label for="type-taobao1"><span class="tile-lg bg-red"><i class="fa fa-coffee fa-2x m-t-sm"></i></span>生活</label><label for="type-media"><span class="tile-lg bg-purple"><i class="fa fa-film fa-2x m-t-sm"></i></span>视频</label></div></div><div class="search-group group-a"><span class="type-text">点我</span><ul class="search-type"><li><input checked hidden type="radio" name="type" id="type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label for="type-baidu"><span style="color:#2100E0">百度</span></label></li><li><input hidden type="radio" name="type" id="type-doge" value="https://www.dogedoge.com/results?q=" data-placeholder="多吉搜索"><label for="type-doge"><span style="color:#ffce7f">DogeDoge</span></label></li><li><input hidden type="radio" name="type" id="type-taobao" value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label for="type-taobao"><span style="color:#f40">淘宝</span></label></li><li><input hidden type="radio" name="type" id="type-bing1" value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label for="type-bing1"><span style="color:#007daa">Bing</span></label></li></ul></div><div class="search-group group-b"><span class="type-text">搜索</span><ul class="search-type"><li><input hidden type="radio" name="type" id="type-search" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label for="type-search"><span style="color:#2319dc">百度</span></label></li><li><input hidden type="radio" name="type" id="type-doge1" value="https://www.dogedoge.com/results?q=" data-placeholder="多吉搜索"><label for="type-doge1"><span style="color:#ffce7f">DogeDoge</span></label></li><li><input hidden type="radio" name="type" id="type-google1" value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label for="type-google1"><span style="color:#3B83FA">G</span><span style="color:#F3442C">o</span><span style="color:#FFC300">o</span><span style="color:#4696F8">g</span><span style="color:#2CAB4E">l</span><span style="color:#F54231">e</span></label></li><li><input hidden type="radio" name="type" id="type-360" value="https://www.so.com/s?q=" data-placeholder="360好搜"><label for="type-360"><span style="color:#19b955">360</span></label></li><li><input hidden type="radio" name="type" id="type-sogo" value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label for="type-sogo"><span style="color:#ff5943">搜狗</span></label></li><li><input hidden type="radio" name="type" id="type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label for="type-bing"><span style="color:#007daa">Bing</span></label></li><li><input hidden type="radio" name="type" id="type-sm" value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label for="type-sm"><span style="color:#ff8608">神马</span></label></li></ul></div><div class="search-group group-c"><span class="type-text">工具</span><ul class="search-type"><li><input hidden type="radio" name="type" id="type-dalipan" value="https://www.dalipan.com/search?keyword=" data-placeholder="大力盘搜"><label for="type-dalipan"><span style="color:#fa541c">大力盘</span></label></li><li><input hidden type="radio" name="type" id="type-cilimao" value="https://www.xiaokesoso.com/s/search?q=" data-placeholder="小可搜搜"><label for="type-cilimao"><span style="color:#7a29c1">小可盘</span></label></li><li><input hidden type="radio" name="type" id="type-huaban" value="https://huaban.com/search/?q=" data-placeholder="图片素材"><label for="type-huaban"><span style="color:#ed4956">图片素材</span></label></li><li><input hidden type="radio" name="type" id="type-qqmusic" value="https://y.qq.com/portal/search.html?w=" data-placeholder="唯一的优点就是版权多"><label for="type-qqmusic"><span style="color:#13bf74">QQ音乐</span></label></li><li><input hidden type="radio" name="type" id="type-book" value="https://www.zhuishushenqi.com/search?val=" data-placeholder="资源不多，好在可以在线阅读"><label for="type-book"><span style="color:#d82626">小说/漫画</span></label></li><li><input hidden type="radio" name="type" id="type-chrome" value="http://www.cnplugins.com/advsearch.php?q=" data-placeholder="Chrome插件下载"><label for="type-chrome"><span style="color:#222222">Chrome插件</span></label></li></ul></div><div class="search-group group-d"><span class="type-text">社区</span><ul class="search-type"><li><input hidden type="radio" name="type" id="type-zhihu" value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎"><label for="type-zhihu"><span style="color:#0084ff">知乎</span></label></li><li><input hidden type="radio" name="type" id="type-wechat" value="http://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信"><label for="type-wechat"><span style="color:#00a06a">微信</span></label></li><li><input hidden type="radio" name="type" id="type-weibo" value="http://s.weibo.com/weibo/" data-placeholder="微博"><label for="type-weibo"><span style="color:#e6162d">微博</span></label></li><li><input hidden type="radio" name="type" id="type-douban" value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label for="type-douban"><span style="color:#55a300">豆瓣</span></label></li><li><input hidden type="radio" name="type" id="type-tieba" value="https://tieba.baidu.com/f?kw=" data-placeholder="贴吧"><label for="type-tieba"><span style="color:#3388ff">贴吧</span></label></li><li><input hidden type="radio" name="type" id="type-why" value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label for="type-why"><span style="color:#428bca">搜外问答</span></label></li></ul></div><div class="search-group group-e"><span class="type-text">生活</span><ul class="search-type"><li><input hidden type="radio" name="type" id="type-taobao1" value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label for="type-taobao1"><span style="color:#f40">淘宝</span></label></li><li><input hidden type="radio" name="type" id="type-jd" value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label for="type-jd"><span style="color:#c91623">京东</span></label></li><li><input hidden type="radio" name="type" id="type-xiachufang" value="http://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房"><label for="type-xiachufang"><span style="color:#dd3915">下厨房</span></label></li><li><input hidden type="radio" name="type" id="type-zhaopin" value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘"><label for="type-zhaopin"><span style="color:#689fee">智联招聘</span></label></li><li><input hidden type="radio" name="type" id="type-51job" value="https://search.51job.com/?" data-placeholder="前程无忧"><label for="type-51job"><span style="color:#ff6000">前程无忧</span></label></li><li><input hidden type="radio" name="type" id="type-lagou" value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label for="type-lagou"><span style="color:#00b38a">拉钩网</span></label></li><li><input hidden type="radio" name="type" id="type-boss" value="https://www.zhipin.com/job_detail/?query=" data-placeholder="BOSS直聘"><label for="type-boss"><span style="color:#53beb7">BOSS直聘</span></label></li></ul></div><div class="search-group group-f"><span class="type-text">视频</span><ul class="search-type"><li><input hidden type="radio" name="type" id="type-media" value="https://neets.cc/search?key=" data-placeholder="影视搜索"><label for="type-media"><span style="color:#fcc112">影视搜索</span></label></li><li><input hidden type="radio" name="type" id="type-cupfox" value="https://www.cupfox.com/search?key=" data-placeholder="茶杯狐搜索"><label for="type-cupfox"><span style="color:#db542f">茶杯狐</span></label></li><li><input hidden type="radio" name="type" id="type-bilibili" value="https://search.bilibili.com/all?keyword=" data-placeholder="B站视频"><label for="type-bilibili"><span style="color:#00a1d6">Bilibili</span></label></li><li><input hidden type="radio" name="type" id="type-youku" value="https://so.youku.com/search_video/q_" data-placeholder="优酷视频"><label for="type-youku"><span style="color:#fb5392">优酷</span></label></li><li><input hidden type="radio" name="type" id="type-qq" value="https://v.qq.com/x/search/?q=" data-placeholder="腾讯视频"><label for="type-qq"><span style="color:#88da16">腾讯</span></label></li><li><input hidden type="radio" name="type" id="type-iqiyi" value="http://so.iqiyi.com/so/q_" data-placeholder="爱奇艺视频"><label for="type-iqiyi"><span style="color:#00be06">爱奇艺</span></label></li><li><input hidden type="radio" name="type" id="type-souhu" value="https://so.tv.sohu.com/mts?wd=" data-placeholder="搜狐视频"><label for="type-souhu"><span style="color:#d30915">搜狐</span></label></li></ul></div></div><form action="https://web.geekji.cn/search/" method="get" target="_blank" id="super-search-fm"><input type="text" id="search-text" placeholder="输入关键字搜索" style="outline:0"><button type="submit"><i class="fa fa-search "></i></button></form><div class="set-check hidden-xs"><input type="checkbox" id="set-search-blank" class="bubble-3" autocomplete="off"></div></div>
            <style type="text/css">
            #search{max-width:717px;margin:56px auto 14px}#search form{position:relative}#search-text{padding:9pt;width:100%;height:50px;font-size:1pc;border:0;border-radius:3px;background-color:#fff}#search button{position:absolute;top:0;right:0;background:#313437;border:0;width:60px;height:36px;margin:7px 9pt 0;line-height:36px;border-radius:3px}#search button:hover{background:#000;cursor:pointer}#search button i{color:#fff;font-size:18px}.search-group{display:none;padding-left:75px}.s-current .search-type{padding-left:0;display:block}.s-current{display:block}#search-list{position:relative}.s-type{position:absolute;top:0;left:0;z-index:13;width:75px}.s-type:hover{height:auto}.s-type>span{display:block;height:31px;width:75px}.s-type-list{display:none;position:absolute;top:31px;padding:9pt 0;width:20pc;background:#fff;border-radius:4px;box-shadow:0 0 6px rgba(0,0,0,.16)}.s-type-list:before{position:absolute;top:-1pc;left:10px;content:' ';display:block;width:0;height:0;border:10px solid transparent;border-bottom-color:#fff}.s-type-list label{display:block;font-size:1pc;line-height:2pc;text-align:center;width:33%;float:left}.s-type-list .tile-lg{color:#fff;width:3pc;height:3pc;font-size:1.25rem;line-height:3rem;border-radius:.3rem;display:block;margin:auto}.bg-blue{background-color:#0179a8!important}.bg-purple{background-color:#5f4b8b!important}.bg-pink{background-color:#b76ba3!important}.bg-red{background-color:#ea6759!important}.bg-orange{background-color:#ec935e!important}.bg-yellow{background-color:#f7c46c!important}.bg-green{background-color:#a7c796!important}.bg-teal{background-color:#00a28a!important}.bg-cyan{background-color:#3686a0!important}.bg-gray{background-color:#686f76!important}.s-type-list label:hover{color:#000}.s-type:hover .s-type-list{display:block;padding-top:22px}.type-text{position:absolute;left:0;width:75px;padding-left:9pt;font-size:1pc;line-height:31px}.type-text:after{content:"\f105";font-family:FontAwesome;margin:0 0 0 15px}.search-type{white-space:nowrap;margin:0}.search-type label{margin:0}.search-type li{display:inline-block}.search-type li label{display:inline-block;padding:0 11px;font-size:14px;line-height:31px;border-radius:3px 3px 0 0;cursor:pointer}.search-type input:checked+label,.search-type input:hover+label{background-color:#fff}.set-check{margin-top:3px;font-size:9pt}.set-check label{margin-left:3px}.set-check input,.set-check label{opacity:0;transition:all .3s ease}.search-type li{list-style:none;display:inline-block}@media screen and (max-width:767px){#search{margin:25px auto 15px}.search-type{overflow:scroll}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}@media screen and (max-width:768px){#search{margin:25px auto 15px}.search-type{overflow:scroll}.search-list{height:30px;overflow-y:hidden;overflow-x:scroll;white-space:nowrap}}.fa-2x{padding-top: 15px;font-size: 1.5em;}
            </style>
            <script type="text/javascript">
             var __encode ='seogo.me', _0xb483=["\x5F\x64\x65\x63\x6F\x64\x65","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x73\x6F\x6A\x73\x6F\x6E\x2E\x63\x6F\x6D\x2F\x6A\x61\x76\x61\x73\x63\x72\x69\x70\x74\x6F\x62\x66\x75\x73\x63\x61\x74\x6F\x72\x2E\x68\x74\x6D\x6C"];(function(_0xd642x1){_0xd642x1[_0xb483[0]]= _0xb483[1]})(window);var __Ox1467e=["\x63\x68\x65\x63\x6B\x65\x64","\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D\x5B\x76\x61\x6C\x75\x65\x3D\x22","\x22\x5D","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72","\x6C\x65\x6E\x67\x74\x68","\x73\x2D\x63\x75\x72\x72\x65\x6E\x74","\x72\x65\x6D\x6F\x76\x65","\x63\x6C\x61\x73\x73\x4C\x69\x73\x74","\x61\x64\x64","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x73\x75\x70\x65\x72\x53\x65\x61\x72\x63\x68","\x73\x65\x74\x49\x74\x65\x6D","\x6C\x6F\x63\x61\x6C\x53\x74\x6F\x72\x61\x67\x65","\x67\x65\x74\x49\x74\x65\x6D","\x74\x61\x72\x67\x65\x74","\x76\x61\x6C\x75\x65","\x74\x79\x70\x65","\x66\x6F\x63\x75\x73","\x6E\x65\x77\x57\x69\x6E\x64\x6F\x77","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","","\x61\x63\x74\x69\x6F\x6E","\x6F\x70\x65\x6E","\x68\x72\x65\x66","\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D\x3A\x63\x68\x65\x63\x6B\x65\x64","\x64\x61\x74\x61\x2D\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72","\x67\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x70\x6C\x61\x63\x65\x68\x6F\x6C\x64\x65\x72","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x5F\x62\x6C\x61\x6E\x6B","\x72\x65\x6D\x6F\x76\x65\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x69\x6E\x70\x75\x74\x5B\x6E\x61\x6D\x65\x3D\x22\x74\x79\x70\x65\x22\x5D","\x71\x75\x65\x72\x79\x53\x65\x6C\x65\x63\x74\x6F\x72\x41\x6C\x6C","\x23\x73\x75\x70\x65\x72\x2D\x73\x65\x61\x72\x63\x68\x2D\x66\x6D","\x23\x73\x65\x61\x72\x63\x68\x2D\x74\x65\x78\x74","\x23\x73\x65\x74\x2D\x73\x65\x61\x72\x63\x68\x2D\x62\x6C\x61\x6E\x6B","\x2E\x73\x65\x61\x72\x63\x68\x2D\x67\x72\x6F\x75\x70","\x63\x68\x61\x6E\x67\x65","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x73\x75\x62\x6D\x69\x74"];!function(){function _0x3bccx1(){_0x3bccx2(),_0x3bccx3(),_0x3bccx5(),_0x3bccx6()}function _0x3bccx2(){_0x3bccx17[__Ox1467e[0]]= _0x3bccxf()}function _0x3bccx3(){var _0x3bccx4=document[__Ox1467e[3]](__Ox1467e[1]+ _0x3bccxc()+ __Ox1467e[2]);_0x3bccx4&& (_0x3bccx4[__Ox1467e[0]]= !0,_0x3bccx7(_0x3bccx4))}function _0x3bccx5(){_0x3bccx12(_0x3bccx11())}function _0x3bccx6(){_0x3bccx13(_0x3bccx10())}function _0x3bccx7(_0x3bccx4){for(var _0x3bccx8=0;_0x3bccx8< _0x3bccx18[__Ox1467e[4]];_0x3bccx8++){_0x3bccx18[_0x3bccx8][__Ox1467e[7]][__Ox1467e[6]](__Ox1467e[5])};_0x3bccx4[__Ox1467e[9]][__Ox1467e[9]][__Ox1467e[9]][__Ox1467e[7]][__Ox1467e[8]](__Ox1467e[5])}function _0x3bccx9(_0x3bccx4,_0x3bccx8){window[__Ox1467e[12]][__Ox1467e[11]](__Ox1467e[10]+ _0x3bccx4,_0x3bccx8)}function _0x3bccxa(_0x3bccx4){return window[__Ox1467e[12]][__Ox1467e[13]](__Ox1467e[10]+ _0x3bccx4)}function _0x3bccxb(_0x3bccx4){_0x3bccx19= _0x3bccx4[__Ox1467e[14]],_0x3bccx12(_0x3bccx11()),_0x3bccx13(_0x3bccx4[__Ox1467e[14]][__Ox1467e[15]]),_0x3bccx9(__Ox1467e[16],_0x3bccx4[__Ox1467e[14]][__Ox1467e[15]]),_0x3bccx16[__Ox1467e[17]](),_0x3bccx7(_0x3bccx4[__Ox1467e[14]])}function _0x3bccxc(){var _0x3bccx8=_0x3bccxa(__Ox1467e[16]);return _0x3bccx8|| _0x3bccx4[0][__Ox1467e[15]]}function _0x3bccxd(_0x3bccx4){_0x3bccx9(__Ox1467e[18],_0x3bccx4[__Ox1467e[14]][__Ox1467e[0]]?1:-1),_0x3bccx14(_0x3bccx4[__Ox1467e[14]][__Ox1467e[0]])}function _0x3bccxe(_0x3bccx4){return _0x3bccx4[__Ox1467e[19]](),__Ox1467e[20]== _0x3bccx16[__Ox1467e[15]]?(_0x3bccx16[__Ox1467e[17]](),!1):(_0x3bccx13(_0x3bccx10()+ _0x3bccx16[__Ox1467e[15]]),_0x3bccx14(_0x3bccxf()),_0x3bccxf()?window[__Ox1467e[22]](_0x3bccx8[__Ox1467e[21]],+ new Date):location[__Ox1467e[23]]= _0x3bccx8[__Ox1467e[21]],void(0))}function _0x3bccxf(){var _0x3bccx4=_0x3bccxa(__Ox1467e[18]);return _0x3bccx4?1== _0x3bccx4:!0}function _0x3bccx10(){return document[__Ox1467e[3]](__Ox1467e[24])[__Ox1467e[15]]}function _0x3bccx11(){return document[__Ox1467e[3]](__Ox1467e[24])[__Ox1467e[26]](__Ox1467e[25])}function _0x3bccx12(_0x3bccx4){_0x3bccx16[__Ox1467e[28]](__Ox1467e[27],_0x3bccx4)}function _0x3bccx13(_0x3bccx4){_0x3bccx8[__Ox1467e[21]]= _0x3bccx4}function _0x3bccx14(_0x3bccx4){_0x3bccx4?_0x3bccx8[__Ox1467e[14]]= __Ox1467e[29]:_0x3bccx8[__Ox1467e[30]](__Ox1467e[14])}var _0x3bccx15,_0x3bccx4=document[__Ox1467e[32]](__Ox1467e[31]),_0x3bccx8=document[__Ox1467e[3]](__Ox1467e[33]),_0x3bccx16=document[__Ox1467e[3]](__Ox1467e[34]),_0x3bccx17=document[__Ox1467e[3]](__Ox1467e[35]),_0x3bccx18=document[__Ox1467e[32]](__Ox1467e[36]),_0x3bccx19=_0x3bccx4[0];for(_0x3bccx1(),_0x3bccx15= 0;_0x3bccx15< _0x3bccx4[__Ox1467e[4]];_0x3bccx15++){_0x3bccx4[_0x3bccx15][__Ox1467e[38]](__Ox1467e[37],_0x3bccxb)};_0x3bccx17[__Ox1467e[38]](__Ox1467e[37],_0x3bccxd),_0x3bccx8[__Ox1467e[38]](__Ox1467e[39],_0x3bccxe)}()
             </script> 

            <!-- 搜索栏end -->
            
            <!-- 创客空间 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="创客空间"></i>创客空间</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://mc.dfrobot.com.cn/portal.php', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://mc.dfrobot.com.cn/portal.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/dfrobot.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DFROBOT</strong>
                                </a>
                                <p class="overflowClip_2">创客社区-分享创造的喜悦</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.instructables.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.instructables.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/instructable.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Instructables</strong>
                                </a>
                                <p class="overflowClip_2">How to make anything</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.dayin.la/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.dayin.la/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/dyl.jpg" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>打印啦</strong>
                                </a>
                                <p class="overflowClip_2">3D打印云平台-让3D打印不再难</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.arduino.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.arduino.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/arduino.jpg" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Arduino中文社区</strong>
                                </a>
                                <p class="overflowClip_2">国内Arduino爱好者自发组织的学习社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.thingiverse.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.thingiverse.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/thingiverse.jpg" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Thingiverse</strong>
                                </a>
                                <p class="overflowClip_2">全球最大的免费3D打印内容分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.micropython.org.cn/pye/editor-zh-hans.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.micropython.org.cn/pye/editor-zh-hans.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/micropython.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Micropython</strong>
                                </a>
                                <p class="overflowClip_2">micropython在线开发平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://makecode.microbit.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://makecode.microbit.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/makecode.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Makecode</strong>
                                </a>
                                <p class="overflowClip_2">微软开发的在线图形化编程工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://blynk.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://blynk.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/blynk.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Blynk IoT platform</strong>
                                </a>
                                <p class="overflowClip_2">Blynk是一个为IoT设备快速构建图形界面的应用，支持Arduino、树莓派等绝大多数项目</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.17coding.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.17coding.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/ai.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>App Inventor</strong>
                                </a>
                                <p class="overflowClip_2">MIT开发的可视化的安卓应用制作平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.tinkercad.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.tinkercad.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/tinkercad.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TinkerCAD</strong>
                                </a>
                                <p class="overflowClip_2">Tinkercad 是一款易于使用的免费三维设计、电子和编码应用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://blinker.app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://blinker.app/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/blinker.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Blinker</strong>
                                </a>
                                <p class="overflowClip_2">blinker是一个专业且轻松的物联网接入方案，国内版的Blynk</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.autodesk.com.cn/products/fusion-360/overview', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.autodesk.com.cn/products/fusion-360/overview">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/fusion360.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Fusion 360</strong>
                                </a>
                                <p class="overflowClip_2">Autodesk开发的一款基于云的工业设计软件,整合了三维CAD、CAM和CAE</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://grabcad.com/library', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://grabcad.com/library">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/gradcad.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GrabCAD</strong>
                                </a>
                                <p class="overflowClip_2">由一群机械工程师创办，全世界各地的工程师们都可以在这里分享他们的成果，展示他们的作品</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 创客空间 -->
            <!-- 编程代码 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="编程代码"></i>编程代码</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gitee.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gitee.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/gitee.png" class="img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>码云</strong>
                                </a>
                                <p class="overflowClip_2">基于 Git 的代码托管和研发协作平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/github.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GitHub</strong>
                                </a>
                                <p class="overflowClip_2">Build software better, together</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.runoob.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.runoob.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/r.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>菜鸟教程</strong>
                                </a>
                                <p class="overflowClip_2">学的不仅是技术，更是梦想</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.csdn.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.csdn.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/csdn.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CSDN</strong>
                                </a>
                                <p class="overflowClip_2">致力于为中国软件开发者提供知识传播、在线学习、职业发展等全生命周期服务</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://segmentfault.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://segmentfault.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/sf.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SegmentFault</strong>
                                </a>
                                <p class="overflowClip_2">SegmentFault 思否 为开发者提供问答、学习与交流编程知识的平台，创造属于开发者的时代</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.w3school.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.w3school.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/w3c.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>w3school</strong>
                                </a>
                                <p class="overflowClip_2">在 w3school，你可以找到你所需要的所有的网站建设教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/imooc.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>慕课网</strong>
                                </a>
                                <p class="overflowClip_2">慕课网是IT技能学习平台，提供了丰富的移动端开发、php开发、web前端、android开发等教程资源，被称为程序员的梦工厂</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.shiyanlou.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.shiyanlou.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/syl.png" class="img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>实验楼</strong>
                                </a>
                                <p class="overflowClip_2">实验楼是国内领先的IT在线编程及在线实训学习平台，专业导师提供精选的实践项目，         创新的技术使得学习者无需配置繁琐的本地环境，随时在线流畅使用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.bootcss.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.bootcss.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/bootstrap.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bootstrap</strong>
                                </a>
                                <p class="overflowClip_2">简洁、直观、强悍的前端开发框架，让web开发更迅速、简单</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cn.wordpress.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cn.wordpress.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/wp.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>WordPress</strong>
                                </a>
                                <p class="overflowClip_2">WordPress是一款能让您建立出色网站、博客或应用的开源软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://typecho.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://typecho.org/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/typecho.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Typecho</strong>
                                </a>
                                <p class="overflowClip_2">Typecho 浑身都透着她简洁的性格，就像一个苗条的美女那样吸引着你</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fontawesome.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fontawesome.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/fa.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Font Awesome</strong>
                                </a>
                                <p class="overflowClip_2">Font Awesome 字体为您提供可缩放矢量图标,它可以被定制大小、颜色、阴影以及任何可以用CSS的样式</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tool.lu/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tool.lu/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/tool.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>程序员工具箱</strong>
                                </a>
                                <p class="overflowClip_2">程序猿的在线工具箱：代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,ruby工具,中文简繁体转换,迅雷下载链接转换,</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.webdesignrankings.com/resources/lolcolors/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.webdesignrankings.com/resources/lolcolors/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/lol.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LOL Colors</strong>
                                </a>
                                <p class="overflowClip_2">这个萌萌的网站是一个设计可爱的在线配色工具。配色低调而且简单实用，从网站上的颜色搭配也能知道某些颜色组合起来可能会有意想不到的效果</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.nicetool.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.nicetool.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/nice.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>NICETOOL+</strong>
                                </a>
                                <p class="overflowClip_2">NiceTool.net 好工具网致力于收集打造各种简单易用在线工具，网友无需注册和下载安装即可使用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://colordrop.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://colordrop.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/colorhunt.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ColorDrop</strong>
                                </a>
                                <p class="overflowClip_2">这款配色工具和 LOL Colors 有点相似，网页设计相当简单，提供各种色彩组合，没有太多额外或复杂难懂的功能</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://codeif.xinke.org.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://codeif.xinke.org.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/codeif.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CodeIF</strong>
                                </a>
                                <p class="overflowClip_2">命名神器,让编程命名不再头大</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://colorhunt.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://colorhunt.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/color.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Color Hunt</strong>
                                </a>
                                <p class="overflowClip_2">ColorHunt 包含了一系列漂亮炫酷的色彩组合,网站会每天更新配色方案,并且根据浏览数排列出最漂亮的配色方案</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.bitbug.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.bitbug.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/ico.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>比特虫</strong>
                                </a>
                                <p class="overflowClip_2">在线制作ico图标</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 编程代码 -->
            <!-- 软件工具 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="软件工具"></i>软件工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mubu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mubu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/mubu.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>幕布</strong>
                                </a>
                                <p class="overflowClip_2">极简大纲笔记 | 一键生成思维导图</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://search.chongbuluo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://search.chongbuluo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/cbl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>快搜</strong>
                                </a>
                                <p class="overflowClip_2">虫部落出品的聚合搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://cli.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://cli.im/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/cli.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>草料二维码</strong>
                                </a>
                                <p class="overflowClip_2">国内专业的二维码服务提供商，提供二维码生成，美化，印制，管理，统计等服务</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://bigjpg.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://bigjpg.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/txfd.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>图像放大</strong>
                                </a>
                                <p class="overflowClip_2">使用人工智能深度卷积神经网络</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://tool.gifhome.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://tool.gifhome.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/gif.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GIF工具</strong>
                                </a>
                                <p class="overflowClip_2">全世界都在用的在线免费GIF编辑神器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://convertio.co/zh/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://convertio.co/zh/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/wjzh.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>文件转换器</strong>
                                </a>
                                <p class="overflowClip_2">在线转换文件的简单工具。支持超过285种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://topdf.com/zh/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://topdf.com/zh/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/topdf.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ToPDF</strong>
                                </a>
                                <p class="overflowClip_2">免费在线PDF转换软件</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://smallpdf.com/cn', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://smallpdf.com/cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/smallpdf.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Smallpdf</strong>
                                </a>
                                <p class="overflowClip_2">功能一应俱全、简单好用的线上 PDF 工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--END 软件工具 -->
            <br />
            <!-- 素材设计 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="素材设计"></i>素材设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/if.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴体验团队倾力打造，国内功能很强大且图标内容很丰富的矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hellorf.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hellorf.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/zkhl.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站酷海洛</strong>
                                </a>
                                <p class="overflowClip_2">一站式正版图片,视频,字体,音乐素材交易平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://huaban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/hb.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </a>
                                <p class="overflowClip_2">帮你收集,发现网络上你喜欢的事物.你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://giphy.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://giphy.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/giphy.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>GIPHY</strong>
                                </a>
                                <p class="overflowClip_2">在线动态GIF图片搜索引擎,号称GIF界的谷歌</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.soogif.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.soogif.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/soogif.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>SOOGIF</strong>
                                </a>
                                <p class="overflowClip_2">GIPHY中国版，新媒体GIF动图素材库，好玩的GIF出处发源地</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://biaoqingsoso.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://biaoqingsoso.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/dtyz.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>动图宇宙</strong>
                                </a>
                                <p class="overflowClip_2">动图宇宙-流行明星动图网站 专业gif搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://logoly.pro/#/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://logoly.pro/#/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/logoly.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Logoly</strong>
                                </a>
                                <p class="overflowClip_2">PornHub 风格 Logo 生成工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 素材设计 -->
            <!-- 影音娱乐 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="影音娱乐"></i>影音娱乐</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.jijidown.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.jijidown.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/jj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bilibili伴侣</strong>
                                </a>
                                <p class="overflowClip_2">在这里你可以下载到对应的bilibili视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.bilibili.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.bilibili.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/b.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bilibili</strong>
                                </a>
                                <p class="overflowClip_2">国内领先的年轻人文化社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://neets.cc/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://neets.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/neets.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Neets</strong>
                                </a>
                                <p class="overflowClip_2">以搜索和人工智能为导向，基于爬虫技术和智能算法的个性化匹配，一站式搜索互联网上相关的视频内容，给用户带来了快捷方便的视频搜索体验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ddrk.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ddrk.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/dd.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>低端影视</strong>
                                </a>
                                <p class="overflowClip_2">低端影视 - 超清在线视频站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zxzj.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zxzj.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/zxzj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线之家</strong>
                                </a>
                                <p class="overflowClip_2">努力打造为最好的海外热门影视剧在线观看站点</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.94sm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.94sm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/sm.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>神马电影</strong>
                                </a>
                                <p class="overflowClip_2">给你更方便的视频门户网站体验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://53ys.cc/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://53ys.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/ws.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>无双影视</strong>
                                </a>
                                <p class="overflowClip_2">免费在线影院，提供最新最快的影视资讯和在线播放</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.miaowuw.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.miaowuw.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/mwzj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>喵呜追剧</strong>
                                </a>
                                <p class="overflowClip_2">在线免费观看电影、电视剧、动漫、英剧、美剧、日剧</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.meijutt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.meijutt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/mj.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>美剧天堂</strong>
                                </a>
                                <p class="overflowClip_2">第一时间为广大美剧迷推荐精彩好看的美剧节目</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.administrator5.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.administrator5.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/wm.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>无名VIP解析</strong>
                                </a>
                                <p class="overflowClip_2">全能VIP视频解析|视频解析云平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fyzb8plus.com/zhibo/nba/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fyzb8plus.com/zhibo/nba/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/fyzb.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>风云直播</strong>
                                </a>
                                <p class="overflowClip_2">NBA直播间：提供NBA在线视频直播及比赛录像回放</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://music.sonimei.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://music.sonimei.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/yy.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>音乐下载</strong>
                                </a>
                                <p class="overflowClip_2">提供多站合一 音乐试听 音乐下载 音乐搜索解决方案</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.qmaile.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.qmaile.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/qm.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>全民VIP解析</strong>
                                </a>
                                <p class="overflowClip_2">免费解析全网影视、VIP视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://shipinyu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://shipinyu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/spy.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>视频鱼</strong>
                                </a>
                                <p class="overflowClip_2">一款功能强大的视频下载工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://btdoor.cc/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://btdoor.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/cld.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>磁力岛</strong>
                                </a>
                                <p class="overflowClip_2">懂你的磁力链接搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.downfi.com/video/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.downfi.com/video/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/vsp.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>V视频下载</strong>
                                </a>
                                <p class="overflowClip_2">一个用于下载各大平台网页视频的小工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 影音娱乐 -->
            <!-- 更多有趣 -->
            <h4 class="text-gray"><i class="fa fa-tag" style="margin-right: 7px;" id="更多有趣"></i>更多有趣</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://weavesilk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://weavesilk.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/silk.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Silk</strong>
                                </a>
                                <p class="overflowClip_2">用手指的挥动创建华丽的壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://fff.cmiscm.com/#!/main', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://fff.cmiscm.com/#!/main">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/fff.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>fff</strong>
                                </a>
                                <p class="overflowClip_2">交互神站|前所未有的网页交互体验</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://typedrummer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://typedrummer.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/type.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Typedrummer</strong>
                                </a>
                                <p class="overflowClip_2">鼓点节拍循环制作网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://i-remember.fr/en', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://i-remember.fr/en">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img src="images/logos/ir.png" class="img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>I Remember</strong>
                                </a>
                                <p class="overflowClip_2">这里藏着全世界的念念不忘</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 更多有趣 -->

            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        &copy; 2020
                        design by <strong>WebStack</strong> Modify by <strong>TinkerChen</strong>
                    </div>
                    <div class="go-up" style="position: fixed;right: 5px;bottom: 10px">
                        <a href="#" rel="go-top">
                            <i class="fa-chevron-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
        $(document).ready(function() {
            $(document).on('click', '.has-sub', function(){
                var _this = $(this)
                if(!$(this).hasClass('expanded')) {
                   setTimeout(function(){
                        _this.find('ul').attr("style","")
                   }, 300);
                  
                } else {
                    $('.has-sub ul').each(function(id,ele){
                        var _that = $(this)
                        if(_this.find('ul')[0] != ele) {
                            setTimeout(function(){
                                _that.attr("style","")
                            }, 300);
                        }
                    })
                }
            })
            $('.user-info-menu .hidden-sm').click(function(){
                if($('.sidebar-menu').hasClass('collapsed')) {
                    $('.has-sub.expanded > ul').attr("style","")
                } else {
                    $('.has-sub.expanded > ul').show()
                }
            })
            $("#main-menu li ul li").click(function() {
                $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
                $(this).addClass('active'); // 添加当前元素的样式
            });
            $("a.smooth").click(function(ev) {
                ev.preventDefault();

                public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
                ps_destroy();
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 30
                }, {
                    duration: 500,
                    easing: "swing"
                });
            });
            return false;
        });

        var href = "";
        var pos = 0;
        $("a.smooth").click(function(e) {
            $("#main-menu li").each(function() {
                $(this).removeClass("active");
            });
            $(this).parent("li").addClass("active");
            e.preventDefault();
            href = $(this).attr("href");
            pos = $(href).position().top - 30;
        });
    </script>
    <!-- Bottom Scripts -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/TweenMax.min.js"></script>
    <script src="js/resizeable.js"></script>
    <script src="js/joinable.js"></script>
    <script src="js/xenon-api.js"></script>
    <script src="js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="js/xenon-custom.js"></script>
</body>

</html>
